import React from 'react'
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
import Sucai1 from '../sucai/Sucai1';
import Sucai2 from '../sucai/Sucai2';
import Sucai3 from '../sucai/Sucai3';
import Sucai4 from '../sucai/Sucai4';
import './wrok3.css'
function Wrok3() {
  const items: TabsProps['items'] = [
  {
    key: '1',
    label: '素材',
    children: <Sucai1></Sucai1>,
  },
  {
    key: '2',
    label: '图片',
    children:<Sucai2></Sucai2>,
  },
  {
    key: '3',
    label: '视频',
    children: <Sucai3></Sucai3>,
  },
  {
    key: '4',
    label:'音频' ,
    children: <Sucai4></Sucai4>,
  },
];
const onChange = (key: string) => {
  console.log(key);
};
  return (
    <div>
      <input className='inp3' type="text" placeholder='搜索素材'/>
      <div><Tabs defaultActiveKey="1" items={items} onChange={onChange} /></div>
    </div>
  )
}

export default Wrok3
